.projectPlanningDoc{
    height: calc(100vh - 144px);
    // background: #fff;
    padding:10px 20px 20px 20px;
    .domTtile{
        font-size: 18px;
        color: #333;
    }
    .btn-input{
        display: flex;
        justify-content: space-between;
        margin: 12px 0;
        .btnBox {
            button{
                margin-right: 12px;
            }
        }
    }
}
.filterItem {
    width: 260px;
    padding: 12px 0px;
    text-align: left;
  
    .topItem {
      border-bottom: 1px solid #eee;
      padding: 0px 12px;
  
      .itemTitle {
        color: #999999;
        font-size: 14px;
        margin: 6px 0px;
      }
  
      ul {
        li {
          color: #333333;
          font-size: 14px;
          margin: 6px 0px;
          cursor: pointer;
        }
      }
  
      ul li:hover {
        color: #386bd7;
      }
    }
  
    .botItem {
      padding: 0px 12px;
  
      .itemTitle {
        margin: 6px 0px;
        display: flex;
        justify-content: space-between;
  
        .right {
          font-size: 14px;
          color: #999999;
        }
  
        .left {
          font-size: 12px;
          color: #386bd7;
          cursor: pointer;
        }
      }
  
      .selectItem {
        .title {
          color: #333333;
          font-size: 14px;
          margin: 4px 0px;
        }
      }
    }
  }